<style>
.norlcate{border:1px solid #ececec;padding:15px;}
.norlcate li.goodscat1{margin-bottom:10px;}
.norlcate .class-14{border:none;}
.norlcate .cat1 .cat-a{display:block;float:left;margin-right:10px;width:65px;height:24px;line-height:24px;background:#eeeef0;color:#363638;text-align:center;}
.norlcate .cat1 a{color:#6a6a6a;}
.norlcate .cat1 a.cat-a:hover{text-decoration:none;}
.norlcate .cat1 .cat-ul{float:left;height:24px;line-height:24spx;overflow:hidden;}
.norlcate .cat-ul li{float:left;display:inline;margin:0 5px;line-height:24px;}
.norlcate .cat-ul li a{line-height:18px;padding:3px 5px;}
.norlcate .cat-ul li a:hover{color:#ffffff;background:#ff0000;}
</style>
<div class="norlcate">
	<ul class="cat1">
		<{assign var="do" value='1'}>
		<{foreach from=$data  item=goodscat key=key}>
			<li class="clearfix class-<{$do++}> goodscat1">

				<span class="cat-a" title="<{$goodscat.catName}>"><{$goodscat.catName}></span>
				<{if $goodscat.items}>
					<ul class="clearfix cat-ul">
						<{foreach from=$goodscat.items  item=goodscat1}>
							<li><a target="_blank" title="<{$goodscat1.catName}>" href="<{$goodscat1.catLink}>"><{$goodscat1.catName}></a></li>
						<{/foreach}>
					</ul>
				<{/if}>
			</li>
		<{/foreach}>
	</ul>
</div>